/*scenesloading*/
#scenesloading { position: absolute; z-index: 8999; width: 100%; height: 100%; top: 0; left: 0; background-size:cover; }
#scenesloading P {font-size: 20px;font-weight: 100;margin-top: 30px;position: absolute;text-align: center;top: 50%;width: 100%;}
.spinner {margin: 100px ;width: 50px;height: 60px;text-align: center;font-size: 10px;left:0;right:0;top:0;bottom:0;margin:auto;position:absolute; }
.spinner > div {height: 100%;width: 3px;display: inline-block;-webkit-animation: stretchdelay 1.2s infinite ease-in-out;animation: stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.spinner .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.spinner .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.spinner .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
.spinner > div { background-color: #a68762;}
#scenesloading { background:#fafafa;}
#scenesloading P {color: #a68762;}
